import Vue from 'vue'
import Vuex from "vuex"
// 注册vuex
Vue.use(Vuex)
import {getLunBoMusic} from '@/api/getMusic'
export default new Vuex.Store({
    // ...
    state: {
        baseUrl: '',
        //mv的路径
        mv: '',
        // 播放歌曲的数据
        musicArr: [],
        // 播放歌曲的id
        id:0
    },
    mutations: {
        getUrl (state, prop) {
            state.baseUrl=prop
        },
        getMv (state, prop) {
            state.mv=prop
        },
        getArr (state, prop) {
           state.musicArr=prop
        },
        getId (state, prop) {
           state.id=prop
        }
    },
    actions: {
        async  getAction (context) {
            let ids=context.state.musicArr.findIndex(item=>{
                return item.id===context.state.id
            })
            const nextId = context.state.musicArr[ids+1].id
            // 发送数据保存当前的id
            context.commit('getId',nextId)
            const {data:{data}}=await getLunBoMusic(nextId)
            console.log(data[0].url);
            if(data[0].url){
                //  重新刷新页面
             return context.commit('getUrl',data[0].url)
            }
            this.$message.warning('暂无法播放')

        }
    },

})